<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<!-- 定义页面显示的编码格式 -->
<meta charset="utf-8">
    <script th:src="@{../js/jquery-3.1.1.min.js}"></script>

<script>
function queryStudentByName(){
	

	$.ajax({
	    type:'POST',
	    data:{name:$("#name").val()},
	    url:"/user/queryStudentByCondition",//请求的action路径
	    success:function(data){ //请求成功后处理函数。
	    	//处理后端传送过来json格式数据
            // var msg=jQuery.parseJSON(returnValue);
			$("body").html(data)
	    },
	    error:function () {//请求失败处理函数
	     alert('请求失败');
	    }

	  });
}
</script>
</head>
<body>

	<!-- 获取model属性中的title值,定义标题 -->
	<h3 th:text="${userModel.title}"></h3>
	<input type="text" onblur="queryStudentByName()" id="name"/>
	<div>
		<a href="add.html" th:href="@{/user/add}">新增</a>
	</div>
	<table border="1">
		<thead>
			<tr>
				<td>id</td>
				<td>姓名</td>
				<td>性别</td>
				<td>年龄</td>
				<td>课程</td>
				<td>手机号</td>
				<td>课程名称</td>
				<td>班级名称</td>
				<td>所属老师</td>
				<td>删除</td>
			</tr>
		</thead>

		<!--对于学生信息做一个判断,没有显示一个默认的 -->
		<tr th:if="${userModel.allStudent.size()} eq 0">
			<td colspan="3">没有学生信息</td>
		</tr>

		<!-- 对学生信息进行迭代 -->
		<tbody id="tbody">
			<tr th:each="user : ${userModel.allStudent}">
				<!-- 类似于jstl的用法,可以直接从上面的对象中获取值 -->
				<td th:text="${user.id}"></td>
				<td><a th:href="@{'/user/'+${user.id}}"
					th:text="${user.name}"></a></td>
				<!-- 动态生成一个查看用户信息的链接 -->
				<td th:text="${user.sex}"></td>
				<td th:text="${user.age}"></td>

				<td th:text="${user.course_id}"></td>
				<td th:text="${user.tel}"></td>
				<td th:text="${user.course.name}"></td>
				<td> <a th:href="@{'/user/find/'+${user.room_id}}"
						th:text="${user.room.name}"></a></td>
				<td >
					<span th:each="thr : ${user.teachers}" >
						<a th:href="@{'/user/findteacher/'+${thr.id}}"
								th:text="${thr.name}" ></a>
					</span>
				</td>
				<td ><a th:href="@{'/user/del/'+${user.id}}">删除</a></td>
			</tr>
		</tbody>

	</table>

</body>
</html>